用户管理模块需求
用户管理是管理后台的核心模块之一,负责管理平台所有用户的信息、角色和权限。
功能列表
| 功能 | 说明 | 优先级 |
|---|---|---|
| 用户列表 | 分页展示用户基本信息,支持搜索和筛选 | 高 |
| 新增用户 | 管理员手动创建用户账号 | 高 |
| 编辑用户 | 修改用户信息和角色分配 | 高 |
| 删除用户 | 软删除用户账号 | 高 |
| 角色分配 | 为用户分配不同的角色(管理员/运营/普通用户) | 高 |
| 状态管理 | 启用/禁用用户账号 | 中 |
| 批量操作 | 批量启用/禁用/删除 | 中 |
页面结构
┌──────────────────────────────────┐
│ 用户管理 新增 │
├──────────────────────────────────┤
│ 搜索: [账号/昵称] [角色▼] [搜索] │
├──────────────────────────────────┤
│ 头像 │ 昵称 │ 账号 │ 角色 │ 操作 │
│ ──── │ ──── │ ──── │ ──── │ ──── │
│ ... │ ... │ ... │ ... │ 编辑 │
│ │ │ │ │ 删除 │
├──────────────────────────────────┤
│ 分页器 │
└──────────────────────────────────┘
text
数据字段
interface User {
id: number
avatar: string // 头像
nickname: string // 昵称
username: string // 账号
email: string // 邮箱
phone: string // 手机号
role: string // 角色
status: 0 | 1 // 0:禁用 1:启用
createdAt: string // 创建时间
updatedAt: string // 更新时间
}
typescript
交互设计要点
- 删除操作需要二次确认
- 敏感信息(手机号、邮箱)部分脱敏显示
- 角色变更需要权限校验
- 搜索支持模糊匹配
↑